<!--导航-->
<nav class="navbar navbar-default navbar-fixed-top">
  <div class="container">
    <!--小屏幕导航按钮和logo-->
    <div class="navbar-header">
      <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a href="./index.html" class="navbar-brand">HPIT学院</a>
    </div>
    <!--小屏幕导航按钮和logo-->
    <!--导航-->
    <div class="navbar-collapse collapse">
      <ul class="nav navbar-nav navbar-right">
        <li><a href="./index.html">首页</a></li>
        <li><a href="./article.html">文章</a></li>
        <li><a href="./product.html">作品</a></li>
        <li><a id="user" href="./login.html">注册|登录</a></li>
      </ul>
    </div>
    <!--导航-->
  </div>
</nav>
<!--导航-->